.personalCenter{
	.header{
		img{
			margin: 0;
			width: 100%;
		}
	}
	.content{
		position: relative;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 0 0.9rem;
		.avatar{
			width: 4.45rem;
			margin-top: 1.8rem;
		}
		.username{
			font-size: 0.9rem;
			color: #4A4A4A;
			font-weight: bold;
		}
		.info{
			display: flex;
		    align-items: center;
		    justify-content: space-around;
		    width: 100%;
		    margin-top: 0.8rem;
		    .line{
		    	width: 0.05rem;
		    	height: 1.2rem;
		    	background: #979797;
		    }
		    div{
		    	text-align: center;
		    	.title{
		    		font-size: 0.6rem;
		    		color: #9b9b9b;
		    		margin-bottom: 0.3rem;
		    	}
		    	.val{
		    		font-size: 0.9rem;
					color: #4A4A4A;
		    	}
		    }
		}
		.menu{
			background: #FFFFFF;
			box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.10);
			width: 100%;
    		margin-top: 1.45rem;
    		margin-bottom: 1.7rem;
			.menu-item{
				height: 3.05rem;
				width: 100%;
				display: flex;
			    align-items: center;
			    justify-content: flex-start;
			    padding: 0 1.3rem;
			    border-bottom: 1px solid rgba(0,0,0,0.10);
			    img{
			    	width: 1.0rem;
    				margin-right: 1.65rem;
			    }
			    span{
			    	font-size: 0.9rem;
    				color: #9b9b9b;
			    }
			}
			.menu-item:last-child{
				border-bottom: 0;
			}
		}
		.handle{
			width: 14.0rem;
		}
		.gray_info{
			color: #9b9b9b;
			font-size: 0.6rem;
		}
	}
}